ul > li > a{
    text-decoration: none;
    color: rgb(136, 75, 180);
}

ul > li > a:hover{
    text-decoration: underline;
}

.items{
    font-size: 18px;
}

.coming-soon{
    font-size: 50px;
    font-weight: bold;
    margin-top: 10px;
}

.head{
    grid-area: head;
}

.categories{
    grid-area: categories;
}

.container{
    display: grid;
    grid-template-areas:
    "head"
    "categories"
    "categories";
}

.categories{
    padding: 5px;
}

h2{
    text-align: center;
    font-size: 38px;
}